<template>
  <div class="app-container">
    <Find :OriginalFilter="{ static: true }" :formList="formList1" @findClicked="findData" />
    <el-card style="margin-top: 10px" shadow="always" :body-style="{ padding: '10px 10px 0px' }">
      <h1>单日单据检核咨询</h1>
      <Find :OriginalFilter="{ static: true }" :formList="formList2" :searchImg="false" />
    </el-card>
    <el-card shadow="always" :body-style="{ padding: '10px' }">
      <h1>入库明细查询</h1>
      <Table :selection="true" :tableHeader="tableHeader" :tableData="tableData" :outTableHeight="150" />
      <PageModule :PageData="{ total: 500 }" />
    </el-card>
  </div>
</template>
<script lang="ts">
import { defineComponent } from 'vue'
import JMessage from '@/utils/JMessage'
export default defineComponent({
  name: 'HarvestReconciliationInquiriesKl'
})
</script>
<script lang="ts" setup>
import { i18n, Jzhcn } from '@/i18n'
import { ref } from 'vue'
const formList1 = ref([
  {
    type: 'input',
    inputPlaceholder: '入库单号',
    inputValue: ''
  },
  {
    type: 'input',
    inputPlaceholder: '送货单号',
    inputValue: ''
  },
  {
    type: 'input',
    inputPlaceholder: '对账月份',
    dateValue: ''
  },
  {
    type: 'select',
    selectValue: '',
    selectP: '对账方式',
    selectLabel: '',
    selectOptions: []
  },
  {
    type: 'input',
    inputPlaceholder: '指令',
    inputValue: ''
  },
  {
    type: 'select',
    selectValue: '',
    selectP: '厂商',
    selectLabel: '',
    selectOptions: []
  },
  {
    type: 'date',
    dateLabel: '入库日期',
    dateValue: ''
  },
  {
    type: 'select',
    selectValue: '',
    selectP: '材料类型',
    selectLabel: '',
    selectOptions: []
  },
  {
    type: 'select',
    selectValue: '',
    selectP: '类型',
    selectLabel: '',
    selectOptions: []
  },
  {
    type: 'input',
    inputPlaceholder: '材料名称',
    inputValue: ''
  },
  {
    type: 'input',
    inputPlaceholder: '对账单号',
    inputValue: ''
  },
  {
    type: 'input',
    inputPlaceholder: '财务备注',
    inputValue: ''
  },
  {
    type: 'input',
    inputPlaceholder: '仓库备注',
    inputValue: ''
  },
  {
    type: 'select',
    selectValue: '',
    selectP: '品牌',
    selectLabel: '',
    selectOptions: []
  },
  {
    type: 'input',
    inputPlaceholder: '底模',
    inputValue: ''
  },
  {
    type: 'checkbox',
    checkboxLabel: '未输入',
    checked: true
  },
  {
    type: 'checkbox',
    checkboxLabel: '已输入',
    checked: true
  },
  {
    type: 'checkbox',
    checkboxLabel: '已输入未对账',
    checked: true
  },
  {
    type: 'checkbox',
    checkboxLabel: '已输入已对账',
    checked: true
  },
  {
    type: 'button',
    checkboxLabel: '置空',
    bgColor: '#1890FF'
  },
  {
    type: 'button',
    checkboxLabel: '退出'
  },
  {
    type: 'button',
    checkboxLabel: '导出明细'
  }
])

const findData = (a: any) => {}

// 表格数据
const tableData = [
  {
    date: '20230427',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-02',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-04',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  }
]

const tableHeader = ref([
  {
    label: '类型',
    prop: 'slipDate'
  },
  {
    label: '入库单号',
    prop: 'dutyDeptName'
  },
  {
    label: '对账月份',
    prop: 'dutyDeptName'
  },
  {
    label: '对账方式',
    prop: 'sysUser'
  },
  {
    label: '对账单号',
    prop: 'dutyMemo'
  },
  {
    label: '入库日期',
    prop: 'dutyMemo'
  },
  {
    label: '送货单号',
    prop: 'dutyMemo'
  },
  {
    label: '订购单号',
    prop: 'dutyMemo'
  },
  {
    label: '厂商名称',
    prop: 'dutyMemo'
  },
  {
    label: '结算厂商',
    prop: 'dutyMemo'
  },
  {
    label: '品牌',
    prop: 'dutyMemo'
  },
  {
    label: '指令',
    prop: 'dutyMemo'
  },
  {
    label: '型体',
    prop: 'dutyMemo'
  },
  {
    label: '材料颜色',
    prop: 'dutyMemo'
  },
  {
    label: '材料名称',
    prop: 'dutyMemo'
  },
  {
    label: '规格',
    prop: 'dutyMemo'
  },
  {
    label: '单位',
    prop: 'dutyMemo'
  },
  {
    label: '用量',
    prop: 'dutyMemo'
  },
  {
    label: '暂收数量',
    prop: 'dutyMemo'
  },
  {
    label: '单价',
    prop: 'dutyMemo'
  },
  {
    label: '金额',
    prop: 'dutyMemo'
  },
  {
    label: '财务备注',
    prop: 'dutyMemo'
  },
  {
    label: '仓库备注',
    prop: 'dutyMemo'
  },
  {
    label: '备注信息',
    prop: 'dutyMemo'
  },
  {
    label: '指令',
    prop: 'dutyMemo'
  },
  {
    label: '底模号',
    prop: 'dutyMemo'
  }
])

const formList2 = ref([
  {
    type: 'input',
    inputPlaceholder: '面材检核单据(单)',
    inputValue: ''
  },
  {
    type: 'input',
    inputPlaceholder: '大底检核单据(单)',
    inputValue: ''
  },
  {
    type: 'input',
    inputPlaceholder: '包材检核单据',
    inputValue: ''
  },
  {
    type: 'input',
    inputPlaceholder: '面衬检核单据',
    inputValue: ''
  }
])
</script>

<style lang="less" scoped>
h1 {
  font-size: 16px;
}
</style>
